<template>
    <div class="menu">
        <el-menu
            :default-active="$route.path"
            class="el-menu-vertical-demo"
            background-color="#304156"
            active-text-color="#409eff"
            text-color="#ffffff"
            :unique-opened="true"
            :router="true"
            :collapse="isCollapse"
        >
            <MenuSon :menuList="menuList"></MenuSon>
        </el-menu>
    </div>
</template>

<script>
import MenuSon from "./MenuSon.vue";
import { mapState } from "vuex";

export default {
    data() {
        return {};
    },

    computed: {
        ...mapState(["isCollapse", "menuList"]),
    },

    components: {
        MenuSon,
    },

    methods: {
        
    },

    created() {},
};
</script>

<style scoped>
@import "../assets/css/menu.css";
</style>
